<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>成都融微软件服务有限公司</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1031196_66s8datjlfd.css" />
    <link rel="stylesheet" href="js/layui/css/layui.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headleft.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/echarts.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
            $('.tree li.parent_li > span').on('click', function (e) {
                var children = $(this).parent('li.parent_li').find(' > ul > li');
                if (children.is(":visible")) {
                    children.hide('fast');
                    $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-fangkuaijiahao').removeClass('icon-jianhao');
                } else {
                    children.show('fast');
                    $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-jianhao').removeClass('icon-fangkuaijiahao');
                }
                e.stopPropagation();
            });
        });
        </script>
</head>
<body>
    <!-- 头部 -->
    <div class="daohang bgff">
        <script>$(".daohang").load("header.html");</script>
    </div>
    <!-- 中间内容-->
    <div class="substance">
        <div class="substance_lf">
            <!-- 左边栏目 -->
            <script>$(".substance_lf").load("left1.html");</script>
        </div>
        <div class="substance_rt huibg">
            <!-- 右边的内容 -->
            <!-- 导航 -->
            <div class="rt_tit">
                <a href="#" class="fnt_14">运营中心</a> / <a href="#" class="fnt_14">发布项目</a>
            </div>
            <div class="bgff pad15">
                <div class="ping_pd">
                    <h4 class="ping_tit">
                        类别列表
                    </h4>
                </div>
                <a href="#" class="chuang1 fnt_16" > 创建一级目录 </a>
                <div class="tree ">
                    <ul>
                        <li>
                            <span><i class="iconfont icon-jianhao"></i> 全部</span>
                            <ul>
                                <li>
                                    <span><i class="iconfont icon-jianhao"></i> 摄影技巧</span>  <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                    <ul>
                                        <li>
                                            <span>风光人像</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                        </li>
                                        <li>
                                            <span> 布光构图</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                        </li>
                                        <li>
                                            <span> 影视摄像</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                        </li>
                                        <li>
                                            <span>后期处理</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                        </li>
                                        <li>
                                            <span><i class=" iconfont icon-jianhao"></i> 航拍延时</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                            <ul>
                                                <li><span> 延时拍摄</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <span><i class="iconfont icon-jianhao"></i> 电影影视</span>  <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                    <ul>
                                        <li>
                                            <span><i class=" iconfont icon-jianhao"></i> 动作影视</span> <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em>
                                            <ul>
                                                <li><span> 李小龙</span>  <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em></li>
                                                <li><span> 成龙</span>  <em class="iconfont icon-yuanxingjiahao"></em><em class="iconfont icon-yuanxingjianhao"></em></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 尾部 -->
            <div class="foot huibg">
                <script>$(".foot").load("foot.html");</script>
            </div>
        </div>
    </div>
       <!-- 弹出框 -->
       <div class="tailoring-container mul">
        <div class=" tailoring-contents">
            <div class="rw_ti">
                <div class="close-tailoring" onclick="closeTailor(this)">×</div>
                <div class="rw_ti_lf">
                    <i class="iconfont icon-xianshi_tishitianchong"></i>
                </div>
                <div class="rw_ti_rt">
                    <h4 class="fnt_18 col_000 bld">创建目录</h4>
                        <div class="dand_item">
                            <span class="fnt_14 col_444">目录名称：</span>
                            <div class="dand_item_p">
                                <input type="text" name="dizhi" class="layui-input">
                            </div>
                        </div>
                        <a href="#" class="active"> 确定 </a>
                        <a href="javascript:;" onclick="closeTailor(this)"> 取消 </a>
                </div>
            </div>
        </div>
    </div>
    <div class="tailoring-container muls">
        <div class=" tailoring-contents">
            <div class="rw_ti">
                <div class="close-tailoring" onclick="closeTailors(this)">×</div>
                <div class="rw_ti_lf">
                    <i class="iconfont icon-xianshi_tishitianchong"></i>
                </div>
                <div class="rw_ti_rt">
                    <h4 class="fnt_18 col_000 bld">删除目录</h4>
                        <div class="dand_item">
                            <p class="fnt_14 col_red">确定要删除该目录</p>
                            
                        </div>
                        <a href="#" class="active"> 确定 </a>
                        <a href="javascript:;" onclick="closeTailors(this)"> 取消 </a>
                </div>
            </div>
        </div>
    </div>
    <script src="js/layui/layui.all.js"></script>
    <script>
          (window.onresize = function () {
            var win_height = $(window).height();
            var win_width = $(window).width();
            if (win_width <= 768) {
                $(".tailoring-contents").css({
                    "top": (win_height - $(".tailoring-contents").outerHeight()) / 2,
                    "left": 0
                });
            } else {
                $(".tailoring-contents").css({
                    "top": (win_height - $(".tailoring-contents").outerHeight()) / 2,
                    "left": (win_width - $(".tailoring-contents").outerWidth()) / 2
                });
            }
        })();
         //弹出框
         $(".icon-yuanxingjiahao").on("click", function () {
            $(".mul").toggle();
        });
        //关闭弹出框
        function closeTailor() {
            $(".mul").hide();
        }
         //弹出框
         $(".icon-yuanxingjianhao").on("click", function () {
            $(".muls").toggle();
        });
        //关闭弹出框
        function closeTailors() {
            $(".muls").hide();
        }
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#test16'
                , range: true
            });
        })
      
    </script>
</body>

</html>